<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>咪咕视频“我的” 22001010528 王雪伊</title>
    <link rel="stylesheet" href="wang_css/wode.css">
    <link rel="stylesheet" href="./wang_css/swiper-bundle.min.css">
    <script src="./wang_fonts/iconfont.js"></script>
   
</head>
<body>
    <body>
        <header class="wang_header">
            <nav>
                <ul class="header3">
                    <li>
                        <a href="#">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-saoyisao"></use>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <form action="" method="post">
                            <p>
                                <input placeholder="异形：夺命舰">
                            </p>
                        </form>
                    </li>
                    <li>
                        <a href="#">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-xinxi-copy"></use>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-liwuhuodong"></use>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-shezhi"></use>
                            </svg>
                        </a>
                    </li>
                </ul>
            </nav>
        </header>
        <nav class="wang_nav">
            <ul>
                <li>
                    <a href="./index.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-migushipin-copy"></use>
                        </svg>
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="./tiyu.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-tiyu"></use>
                        </svg>
                        <p>体育</p>
                    </a>
                </li>
                <li>
                    <a href="./vip.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-VIP2"></use>
                        </svg>
                        <p>VIP</p>
                    </a>
                </li>
                <li>
                    <a href="./duanshipin.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-yishu_duanshipin"></use>
                        </svg>
                        <p>短视频</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-wode1-copy"></use>
                        </svg>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </nav>
        <main class="wang_main">
                <div class="carousel-controls">
                    <button class="carousel-control" id="prev">&lt;</button>
                    <button class="carousel-control" id="next">&gt;</button>
                </div>
            </div>
            <div class="wang_container">
                <ul class="zlist1">
                    <li>
                        <img src="wang_img/头像.jpg">
                        <div class="ztxt1">
                            <h2>头头偷包包</h2> <!-- 根据图片调整标题 -->
                            <div>
                                <span class="author">VIP钻石会员</span> 
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="text-container">
                    <p>钻石会员</p>
                    <p>体育会员</p>
                    <p>通看券包</p>
                </div>
                <div class="text-container1">
                    <p>2025.03.22到期</p>
                    <p>看顶级体育赛事</p>
                    <p>剩余8张</p>
                </div>
                <div class="extra-text">
                    <p>NBA学生会员首月6元起！每天低至0.2元尊享超值观赛权益>></p>
                </div>
            </div>
            <div class="user-info">
                <p>圈子0</p>
                <p>关注1</p>
                <p>粉丝0</p>
            </div>
            <!-- 会员卡下词条 -->
            <div class="container1">
                <!-- 第一个图标和文字 -->
                <div class="item1">
                    <img src="wang_img/缓存.png">
                    <p>缓存</p>
                </div>
                
                <!-- 第二个图标和文字 -->
                <div class="item1">
                    <img src="wang_img/收藏.png">
                    <p>收藏</p>
                </div>
                
                <!-- 第三个图标和文字 -->
                <div class="item1">
                    <img src="wang_img/历史.png">
                    <p>在追/预约</p>
                </div>
                <!-- 第四个图标和文字 -->
                <div class="item1">
                    <img src="wang_img/购买.png">
                    <p>交易记录</p>
                </div>
                <!-- 观看历史 -->
            <div class="title1">
                <h2>观看历史</h2>
                <a href="#">更多></a>
            </div>
            <div class="container1">
              <!-- 第一个图标和文字 -->
              <div class="item1">
                  <img src="wang_img/61.png">
                  <p>WTT福冈总决赛:.</p>
              </div>
              
              <!-- 第二个图标和文字 -->
              <div class="item1">
                  <img src="wang_img/62.png">
                  <p>WTT福冈总决赛:.</p>
              </div>
              
              <!-- 第三个图标和文字 -->
              <div class="item1">
                  <img src="wang_img/61.png">
                  <p>WTT福冈总决赛:.</p>
              </div>
              
            </div>
            <div class="title2">
                <h2>我的活力40</h2>
                <a href="#">攒活力赢更多好礼</a> <!-- 修正了链接的关闭标签 -->
            </div>
            <ul class="zlist">
                <li>
                    <img src="wang_img/关注.png"> <!-- 添加alt属性以提高可访问性 -->
                    <div class="ztxt">
                        <h2>关注视频领活力</h2>
                        <div>
                            <span class="neirong">完成3次任务领全部35活力</span>
                            <div class="qianwang">
                                <span>前往</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="wang_img/分享.png" > <!-- 添加alt属性以提高可访问性 -->
                    <div class="ztxt">
                        <h2>分享视频</h2>
                        <div>
                            <span class="neirong">每日首次完成10活力</span>
                            <div class="qianwang">
                                <span>前往</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </main>
        <!-- 广告——javascript效果 -->
      <ad class="wang_ad">
          <!-- Swiper -->
  <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="./wang_img/广告1.png"></div>
      <div class="swiper-slide"><img src="./wang_img/广告2.png"></div>
      <div class="swiper-slide"><img src="./wang_img/广告3.png"></div>
    </div>
    <div class="swiper-pagination"></div>
  </div>

  <!-- Swiper JS -->
  <script src="./wang_js/swiper-bundle.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper(".mySwiper", {
      pagination: {
        el: ".swiper-pagination",
      },
    });
  </script>
      </ad>            
</body>
</script>
</body>
</script>
</html>

</html>
</html>